<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/pagecss.css" rel="stylesheet" type="text/css">
<title>首页</title>
<!-- 解决IE6不缓存背景图片的问题-->
<!--[if IE 6]>
<script type="text/javascript">
document.execCommand("BackgroundImageCache", false, true);
</script>
<![endif]-->
<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script src="js/slides.jquery.js"></script>
<script type="text/javascript">

   $(function(){
	   $(".ly_head_nav ul li").hover(function(){
		   $(".ly_head_nav ul li").removeClass("current");
		   $(this).addClass("current");
		   $(this).find(".ly_nav_sec").stop().fadeIn("fast");
		   },function(){
			 $(".ly_head_nav ul li").removeClass("current");
			 $(".ly_head_nav ul li").find(".ly_nav_sec").fadeOut("fast");  
		   });
	
		//滚动Banner图片的显示
		$('#slides').slides({
			preload: true,
			preloadImage: '/images/loading.gif',
			effect: 'fade',
			slideSpeed: 100,
			fadeSpeed: 10,
			play: 5000,
			pause: 10,
			hoverPause: true
		});
        $('#js-news').ticker();
			   
		   
	 })
</script>

</head>

<body style="background:#ececec">
<!--head-->
<div class="lyindex_main">
		<div class="lyindex_head">
				<div class="ly_logo">
						<img src="images/index_d_logo.png" width="180">
				</div>
				<div class="ly_head_login">
        <!--登录前-->
						<!--<p><a href="#">登录</a>|<a href="#">注册</a><span><img src="images/index_14.png"><a href="#">购物车（0）</a></span></p>-->
         <!--登录后-->
            <p><a href="#" style="color:#b90000;">XXXXXXX</a>，欢迎您<span><img src="images/index_14.png"><a href="#">购物车（0）</a></span></p>
    
				</div>
				<div class="ly_head_nav">
						<ul>
								<li><a href="###">首页</a></li>
								<li><a href="###">云服务</a>
										<div class="ly_nav_sec">
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p class="last"><a href="###">云服务</a></p>
										</div>
								</li>
								<li><a href="###">云虚拟机</a>
										<div class="ly_nav_sec">
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p class="last"><a href="###">云服务</a></p>
										</div>
								</li>
								<li><a href="###">企业建站</a>
										<div class="ly_nav_sec">
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p class="last"><a href="###">云服务</a></p>
										</div>
								</li>
								<li><a href="###">租用托管</a>
										<div class="ly_nav_sec">
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p class="last"><a href="###">云服务</a></p>
										</div>
								</li>
								<li><a href="###">企业云邮局</a>
										<div class="ly_nav_sec">
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p class="last"><a href="###">云服务</a></p>
										</div>
								</li>
								<li><a href="###">特色增值服务</a>
										<div class="ly_nav_sec">
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p><a href="###">云服务</a></p>
												<p class="last"><a href="###">云服务</a></p>
										</div>
								</li>
						</ul>
				</div>
		</div>
</div>
<!--head--> 
<!--banner-->
<div class="lyindex_banner index_bg11" id="mainbody">
		<!-- 滚动图片 -->
		<div id="slides" class="index_banner">
				<!--<div class="index_banner_l">
						<a class="prev" href="#"><img alt="上一页" src="images/banner_l.png" width="24" height="43"></a>
				</div>-->
				<div class="bannerImg">
						<div class="slides_container">
								<div id="banner_pic_1">
										<a href="#"><img  src="images/index_11.jpg"></a>
								</div>
								<div style="DISPLAY: none" id="banner_pic_2">
										<a href="#"><img  src="images/index_12.jpg"></a>
								</div>
								<div style="DISPLAY: none" id="banner_pic_3">
										<a href="#"><img  src="images/index_13.jpg"></a>
								</div>
						</div>
				</div>
				<!--<div class="index_banner_r">
						<a class="next" href="#"><img alt="下一页" src="images/banner_r.png" width="24" height="43"></a>
				</div>-->
		</div>
		<!-- 滚动图片 -->
</div>
<!--banner--> 
<!--main-->
<div class="lyindex_conbg">
		<div class="lyindex_con">
				<ul>
						<li>
								<div class="lyindex_img">
										<img src="images/index_04.png">
								</div>
								<div class="lyindex_text">
										<h1><a href="#">虚拟主机</a></h1>
										<p class="ly_title_hui">Web&nbsp;&nbsp;Hosting</p>
										<p>为您度身定造互动营销型网站建设，让视觉力量极致发挥出对品牌的影响力。</p>
								</div>
						</li>
						<li class="sec">
								<div class="lyindex_img">
										<img src="images/index_05.png">
								</div>
								<div class="lyindex_text">
										<h1><a href="#">蓝云主机</a></h1>
										<p class="ly_title_hui">Domain&nbsp;&nbsp;name&nbsp;&nbsp;registration</p>
										<p>注册简单快速   解析实时生效随时自主管理   全能MYDNS功能全面安全保障   域名锁定功能</p>
								</div>
						</li>
						<li>
								<div class="lyindex_img">
										<img src="images/index_06.png">
								</div>
								<div class="lyindex_text">
										<h1><a href="#">企业邮箱</a></h1>
										<p class="ly_title_hui">E-mail</p>
										<p>为您度身定造互动营销型网站建设，让视觉力量极致发挥出对品牌的影响力。</p>
								</div>
						</li>
				</ul>
				<div class="clear">
				</div>
				<ul>
						<li>
								<div class="lyindex_img">
										<img src="images/index_07.png">
								</div>
								<div class="lyindex_text">
										<h1><a href="#">网站建设</a></h1>
										<p class="ly_title_hui">Website &nbsp;&nbsp;Design</p>
										<p>为您度身定造互动营销型网站建设，让视觉力量极致发挥出对品牌的影响力。</p>
								</div>
						</li>
						<li class="sec">
								<div class="lyindex_img">
										<img src="images/index_09.png">
								</div>
								<div class="lyindex_text">
										<h1><a href="#">资源中心</a></h1>
										<p class="ly_title_hui">Resource&nbsp;&nbsp; center</p>
										<p>注册简单快速   解析实时生效随时自主管理   全能MYDNS功能全面安全保障   域名锁定功能</p>
								</div>
						</li>
						<li>
								<div class="lyindex_img">
										<img src="images/index_08.png">
								</div>
								<div class="lyindex_text">
										<h1><a href="#">方案中心</a></h1>
										<p class="ly_title_hui">Solution&nbsp;&nbsp;center</p>
										<p>为您度身定造互动营销型网站建设，让视觉力量极致发挥出对品牌的影响力。</p>
								</div>
						</li>
				</ul>
		</div>
</div>
<!--main--> 
<!--foot-->
<div class="lyindex_foot">
		<div class="lyfoot_con">
				<div class="lyfoot_logo">
						<img src="images/index_d_logo.png" width="150">
				</div>
				<div class="lyfoot_text">
						<p><a href="#" class="first">关于蓝焰</a>|<a href="#">联系我们</a>|<a href="#">支付方式</a>|<a href="#">价格总览</a>|<a href="#">友情链接</a>|<a href="#">帮助中心</a>|<a href="#">诚聘英才</a></p>
						<p>COPYRIGHT © 2003-2013 蓝焰科技有限公司. All rights reserved.</p>
						<p>Email :aaa@aaa.com |  苏ICP备：88888888号 </p>
				</div>
				<div class="lyfoot_tel">
						<p><span>24小时咨询热线：</span>400-023-5888</p>
				</div>
		</div>
</div>
<!--foot-->

</body>
</html>
